13 Mindblowing Sliding Image Gallery Resources You Shouldn't Miss

1. jQuery Giga Image Viewer - animated zoom and pan

featured image

Giga image viewer displays very large images without loading the whole

image, giga viewer loads only needed fragment of the big image divided into small

The giga image viewer jQuery plugin allows you to easily replace <div> tags with animated image viewers with hotspots.Package contains command line program (for Windows only) and php script, for cutting images into pieces (max tested image had size 9000×9000 px).Viewer controls the sliding and zoom of the high-resolution JPG so that the viewport area will be filled completely. Package contains a program for cutting image. Package contains a example for building thumbnail gallery. Package contains a example for building lightbox gallery (ColorBox Gallery). Cross-browser compatible – Image Viewer is compatible with IE, CHROME , FIREFOX, OPERA , SAFARI. reading current image position and scale

More Details

2. WOW Slider

WOW Slider

WOW Slider is a fantastic responsive image slider with

killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.

Also, you can share your slider on Facebook.

More Details

3. jQuery Mega Image Viewer - animated zoom and pan

featured image

The mega image viewer jQuery plugin allows you to easily replace <div> tagswith animated image viewers. Viewer used for displaying high-resolution object (image – JPG, PNG, GIF). Viewer controls the sliding and zoom of the displayed objectso that the viewport area will be filled completely. Package contains a example for building thumbnail gallery. Package contains a example for building lightbox gallery (ColorBox Gallery). Cross-browser compatible – Image Viewer is compatible with IE, CHROME, FIREFOX, OPERA, SAFARI. set image source from javascript {“contentUrl” : “images/my_image. set image source from html <img src=”images/my_image. Set image scale method.

More Details

4. Behance Project Feed Gallery

featured image

A very light-weight Wordpress Plugin that will allow you to display a image gallery wordpress of your Behance projects on any page or post using a simple shortcode.Image Color (Full Color or Grayscale)

More Details

5. Spectrum Gallery Plugin

featured image

Spectrum is a superb JavaScript gallery plugin, which will work with jQuery, as an AMD Module or a browser global. It has support for image cropping, true to proportion image sizes and perfect image alignment.It is perfect for portfolio and gallery website design along with its smooth transitions. Is there an image animation style that is missing? No problem. You could extend the image method library by adding your own methods, which could, lets say, rotate an image as it slides into position. Setting up straight away is ridiculously easy, almost every option has a default, the only thing you would need to do is supply the images, and the parent element to which the gallery is appended to. And i mean minimal, the only piece of free photo slider HTML code required to make spectrum work is a single tag, that being the element on which to create the gallery. All the little things like gallery and image creation is handled by the plugin, you only have to specify the url for each image. What you will be left with is a beautiful gallery which fits perfectly all its images. Spectrum can handle multiple tags being searched at the same time, it can also do other magic with tags, such as add an “all” tag, which can also be any text you desire, you can also tell Spectrum which tag to start the gallery on. Also Spectrum can map to the size of its parent element, so if you have implemented responsive design, whenever a different device views the page, the gallery will change size if its parent element changes size. Be it using new curves, image specific animation, or entire compositions that orchestrate the moment of the gallery.Gallery Cover –

Spectrum has cool gallery cover option, which allows you to use a single image, as the cover of the gallery. This can be useful when used as a loading screen whilst your gallery images load in the background, and can be set to swipe away as soon as they have loaded.Image Binding

Spectrum has an api which allows you to bind to any kind of event that may happen on any of the gallery images.

More Details

6. Social Gallery Shortcodes WordPress Plugin

featured image

Social Gallery [shortcodes] is the latest plugin available from Epic Plugins. It has been written to be a hand in hand fit with the Social Gallery Photo Viewer and the Social Gallery add-ons.What is Social Gallery [shortcodes]?

Social Gallery [shortcodes] is an image display plugin, this means it seamlessly links in with image management plugins such as the slider wordpress Media Library or NextGen. The plugin can then be used with any image viewer plugin, such as the awesome Social Gallery, or more standard viewers such as fancybox, or other lightboxes. The following image shows the three main areas of how you can use images on your site and where each of the plugins fit in.Gallery Display (greyscale)

If a user marks an image as favourite it is shown larger and in colour to them. Click the image for the example.where id is the id of your nextgen gallery

WordPress Gallery (colour)

If a user marks an image as favourite it is shown larger to them. Click the image for the example.where id is the id of your nextgen gallery

Image effect on hover

On hover the images display the name of the image and the social stats (how many likes and comments the image has had).Live social stats per image

Image title displayed

Link to the image page

User favourites gallery

It displays you live social stats for each of your images and lets you easily like and comment on images in each gallery. It is also built with the Social Gallery Photo Viewer plugin in mind to enable even greater sharing and liking of your images.Facebook Comments without leaving the gallery

Click the like or comment icon and have the ability to make comments on the images right there on the gallery, simple and easy. Make comments without leaving the gallery

Seamless integration with Social Gallery Photo Viewer

The plugin is built with the Social Gallery Lightbox in mind, a user can click on your image and the likes and comments are displayed to them to allow them to easily make further comments and have extra Social feautures like tweeting and pinning images

Social Gallery [shortcodes] links in with the Lightbox

Requires Social Gallery Lightbox plugin

Compatible with nextgen gallery plugin shortcodes

The plugin is designed to work with the popular NextGen gallery plugin. Display your nextgen galleries using a simple shortcode based on your NextGen gallery ID.Allowing your users to mark their favourites also gives you the ability to track via the admin panel which images they like along with links to the wordpress image gallery they like the image on. Link to gallery

Live social stats on each image

Facebook comments on the gallery without leaving the page

Social Gallery Lightbox compatible

WordPress Gallery compatible

More Details

7. VION - jQuery Image Gallery Plugin

featured image

VION is a image gallery jQuery plugin wordpress for creating good looking and easy to use image galleries.FSS – Full Screen Sliding Website Plugin

More Details

8. Ken Burns Media Gallery / Slideshow

featured image

rebranded to Phoenix Gallery – same gallery features + more

API – call pause, play, gotoNext, gotoPrev from your html (outside the gallery)

autoheight – option to autosize the gallery depending on the height of the content

values you can set up for each item – description (the description from the top), initialZoom(any value you wish), finalZoom, slideshowTime ( the time the jQuery image rotator stays focused on the specific item ), burn effect time ( the time you wish the effect to take ), url (if no url is set the item will just be a image with no link on click ), transitionType(easeInSine,linear etc. is it possible to put a link on the images ( the main image offcourse not the thumbnails)

How can i stop the auto-sliding of the phoenixgallery

For some reason when I add a link to the image the zoom effect no longer functions. need to be on the direct child of the gallery div. You need to move the attributes to the direct child of the gallery like so: <a href="#" data-finalzoom="2"></a>

More Details

9. Wordpress Wobble Gallery

featured image

Hide/show gallery images based on if the images are in view.Change images perspective based on position of mouse over image.Create a masonry isotope gallery by using a single class.Customize the image border easily by using a data parameter.

More Details

10. jQuery Drag Expose | Draggable Image Gallery

featured image

Let the user drag & drop them to slide the gallery!

If you prefer, auto-sliding and two arrow buttons can facilitate your gallery slideshow.     - Added random sliding sequence setting.

More Details

11. Light PhotoGallery/ Sleek Sliding Effect

featured image

This is a very flexible jquery gallery plugin, it has a unique Sliding image description showing technique.

More Details

12. Responsive Gallery, Slider and Portfolio Manager

featured image

Hezecom Responsive Gallery, Slider and portfolio manager is 3 in one tool for web developer and web masters. This app support Image Galleries, Portfolios and Sliders.Gallery or Portfolio auto slide (Enable or Disable)

Gallery Layout

Sliding gallery and portfolio

Image and jQuery mobile slider

Fully customizable image upload and resize

Retain transparent image background

Gallery

<?php $list->GalleryDisplay('Gallery','bootstrap','span3','allowpad','noslide');?>

Auto Sliding Gallery

<?php $list->GalleryDisplay('Gallery','bootstrap','span3','nopad','playslide'); ?>

Portfolio Auto Sliding

More Details

13. Global Gallery - Wordpress Responsive Gallery

featured image

Global Gallery comes with three gallery layouts, four lightboxes ready to use and is designed to be visible on each device: whether you are using a retina MacBook or an Android phone.100% multilanguage – Global Gallery now is completely translatable both in front and back-end. Everything has been studied to work seamlessly together and give users the best “image experience” possible.Global Gallery has been completely enhanced, almost all the code has been optimized and many new features has beed added.Gallery Collections: Need a smart and clean way to display and categorize multiple galleries galleries? Now you can create gallery collections.You can manage each aspect, from the way images are displayed to the sliding effects, timings, auto-slideshow and the displayed elements. Using the “easy-sorting mode” the gallery builder will become compact, allowing you to sort everything seamlessly.Choose if display your images with a classic gallery layout, a masonry one or with the new PhothoString one (see layout examples here).With Global Gallery you can make everything in few seconds!

Why using only wordpress images? Global Gallery is ready to catch images from:

Global Gallery albums (created via FTP)

Automatic gallery creation

Don’t want to lose time selecting images one by one? Global gallery allow you to create a gallery only with a click.Set the interval on which the gallery is re-built.Finally, choose if add images randomly and set a maximum images number for the gallery.Why forcing you to use a specific lightbox? Global Gallery comes with four lightboxes ready to use: Fancybox, ColorBox, PrettyPhoto and the brand new LCweb lightbox!

Protect your images disabling the right click and moreover with the Global Gallery watermark system.Just choose wich image use, the opacity and the position.Global Gallery comes also with two premium effects to apply to your thumbnails: grayscale and blur!

To make the plugin easy for everyone, the documentation comes with detailed videos explaining each step necessary to setup and use Global Gallery:

First gallery creation w/ WP library

Galleries with Global Gallery albums

Automatic gallery creation

The fetchable image number for socials depends on their rules.

More Details

14. jQuery Multiple Scroll Portfolio Gallery

featured image

A slider jQuery plugin help you to display portfolio, which support multiple gallery.Support multiple gallery. Support different size of image. Option caption and gallery information block.

More Details